<div class="ng-wizard no-navigation" ng-form="wizardForm">
  <div class="title" translate>Launch Instance</div>

  <div class="step">
    <h1 translate>Create Key Pair</h1>
    <div class="content">
      <div class="subtitle" translate>
        Key Pairs are how you login to your instance after it is launched.
        Choose a key pair name you will recognize.
      </div>
      <div class="form-group">
        <div class="form-field required">
          <label translate>Key Pair Name</label>
          <input class="form-control" name="name"
                 ng-model="ctrl.model.name"
                 ng-required="true" placeholder="{$ 'Required' | translate $}">
        </div>
      </div>
    </div>
  </div>

  <div class="toolbar">
    <div class="secondary-btn-grp">
      <button class="cancel btn btn-sm btn-default" ng-click="ctrl.cancel()">
        <span class="fa fa-close"></span>
        <translate>Cancel</translate>
      </button>
    </div>
    <div class="primary-btn-grp">
      <button class="finish btn btn-sm btn-success"
        ng-click="ctrl.submit()" ng-disabled="wizardForm.$invalid">
        <span class="fa fa-plus"></span>
        <translate>Create Key Pair</translate>
      </button>
    </div>
  </div>
</div>
